$(document).ready(function() {
    
	$('#myModal').modal();
		
	$("#establecer").click(function(){
		if($("#selecmes_modal").val()=="0" || $("#selecanio_modal").val()=="0" || $("#selecnpro_modal").val()=="0")
		{
			$('#alerta').show();
		}
		else
		{
			$("#selecmes").val($("#selecmes_modal").val());
			$("#selecanio").val($("#selecanio_modal").val());
			$("#selecnpro").val($("#selecnpro_modal").val());
			$('#myModal').modal('hide');
			generarReporte();
		}
	});
	
	$("#Grid")
			.jqGrid(
					{
						url : '/getReporte9?mes='
							+ $('#selecmes').val() + '&anio='
							+ $('#selecanio').val() + '&npro='
							+ $('#selecnpro'),
						datatype : 'json',
						mtype : 'GET',
						loadonce : true,
						ajaxGridOptions : {
							contentType : 'application/json; charset=utf-8'
						},
						defaults : {
									recordtext : "Páh. {0} - {1} de {2}",
									emptyrecords : "No existen datos",
									loadtext : "Cargando...",
									pgtext : "Pág {0} de {1}"
								},
						colNames : [ 'Proyecto',
								'Nombre del cliente','Monto ($)' ],
						colModel : [ {
							name : 'proyecto',
							label : 'Proyecto',
							width : 200
						}, {
							name : 'nomcliente',
							label : 'Nombre del cliente',
							width : 200
						}, {
							name : 'monto',
							label : 'Monto ($)',
							width : 100
						}],
						pager : "#Pager",
						rowNum : 10,
						rowList : [ 10, 20 ],
						sortname : 'name',
						sortorder : "asc",
						viewrecords : true,
						gridview : true,
						width : 850,
						height : 231,
						rownumbers : true,
						caption : 'REPORTE DE LOS X PROYECTOS CON MAYORES INGRESOS',
						footerrow : true
	
					})

	jQuery("#Grid").jqGrid('navGrid', '#Pager', {
		edit : false,
		add : false,
		del : false,
		search : false
	});
  });
  
function generarReporte() {
var grid = $("#Grid");
var url = '/getReporte9?mes='+ $('#selecmes').val() + '&anio='+ $('#selecanio').val() + '&npro='+ $('#selecnpro').val();

$("#Grid").jqGrid('setGridParam', {
	url : url
});

$("#Grid").setGridParam({
	datatype : 'json',
	page : 1
}).trigger('reloadGrid');

return false;
			
}

function restablecer() {
	
	$('#selecmes').val(0);
	$('#selecanio').val(0);
	$('#selecnpro').val(0);
	generarReporte();
	
	return false;
}

function comeindex() {
	window.open('/index','_self',false);
}